@charset "utf-8";



/* css reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

a { color:#000; text-decoration:none; }

a:hover { }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

q:before, q:after { content:""; }

img{ max-width:100%;}

.none{ display:none;}



/* css base */

body { background:url(../images/body_bg.jpg) repeat-y center top; font-family: "微软雅黑","宋体"; font-size:14px; color:#000; text-align:center; line-height:1.8;}

.left{ float:left;}

.right{ float:right;}

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clear { +display:none; clear:both;}



/* css main page */

.headbox{ height:100px; width:100%; background:url(../images/nav_bg.jpg) no-repeat center bottom;}

.head{ width:970px; margin:0 auto;}

.logo{ float:left;}

.nava{ float: right; width:725px; height:77px; margin-top:23px;}

.nava li{ float:left; width:145px; height:77px;} 

.nava li a{ display:block; width:145px; height:77px; color:#fff;}





.nav{ width:725px; height:77px;  position:relative; z-index:999;  }

.nav a{ color:#fff; display:block; }

.nav .nLi{ float:left;  position:relative; display:inline;  }

.nav .nLi h3{ float:left; width:145px; height:77px; background:url(../images/icon2.jpg) no-repeat right center;}

.nav .nLi:nth-child(5) h3{ background:none;}

.nav .nLi h3 a{ display:block; font-size:14px;  }

.nav .nLi h3 a span{ padding-top:20px; display:block;}

.nav .nLi h3 a p{ font-size:12px;}

.nav .sub{ text-align:left; display:none; width:145px; left:-10px; top:77px;  position:absolute; background:#287cd2;  line-height:26px; padding:5px 0; opacity:.8;  }

		.nav .sub li{ zoom:1; width:135px;  margin:0 5px; height:30px; line-height:30px; border-bottom:1px solid #91bce9;}

		.nav .sub a{ display:block; width:110px; padding:0 0 0 25px; height:30px; line-height:30px; background:url(../images/icon5.jpg) no-repeat 15px center; font-size:12px;}

		.nav .sub a:hover{ background:#0c63bb url(../images/icon5.jpg) no-repeat 15px center; color:#fff;  }

		.nav .on h3 a{  }



.banner{ width:100%; background:url(../images/banner.jpg) no-repeat center top; height:638px;}



.fullSlide { width: 100%; position: relative; height: 638px; background: #fff; }

.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.fullSlide .bd ul { width: 100% !important; }

.fullSlide .bd li { width: 100% !important; height: 638px; overflow: hidden; text-align: center; }

.fullSlide .bd li a { display: block; height: 638px; }

.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; background: url(../images/touming.png) repeat-x; text-align: center; _background: #000; _filter: alpha(opacity=60); }

.fullSlide .hd ul { text-align: center; padding-top: 5px; }

.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;

zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../images/tg_flash_p.png) -18px 0; overflow: hidden; line-height: 9999px; }

.fullSlide .hd ul .on { background-position: 0 0; }







.sub_banner{ width:100%; height:321px;}



.main{ width:970px; margin:0 auto; overflow:hidden;}



.pro_tit{ margin:0 auto; height:100px;  width:208px; overflow:hidden; position:relative;}

.pro_tit_t1{ width:100%; font-size:24px; font-weight:bold; position:absolute; left:0; top:30px; z-index:2;}

.pro_tit_t1 span{ padding:0 10px; background-color:#fff; }

.pro_tit_line{ width:204px; height:36px; position:absolute; left:0; top:15px; z-index:1;}





.pro_fn{ float:left; width:970px; height:195px;}

.pro_fn li{ float:left; width:125px; height:195px; margin:0 18px; transition:all .5s;}

.pro_fn li span{ width:125px; height:125px; display:block; background-color:#bdbdbd; border-radius:100%;  transition:all .5s;}

.pro_fn li span img{ margin-top:23px;}

.pro_fn li p{ width:125px; height:70px; line-height:70px;  transition:all .5s;}

.pro_fn li a{ display:block; width:125px; height:195px; transition:all .5s;}

.pro_fn li a span img{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;	}

.pro_fn li a:hover span img{transform:rotate(360deg); -webkit-transform:rotate(360deg);  -moz-transform:rotate(360deg);   -o-transform:rotate(360deg);  -ms-transform:rotate(360deg);}

.pro_fn li a:hover p{ color:#000; transition:all .5s;}



.fn00 li p{ color:#03478e;}

.fn00 li a span{ background-color:#03478e;}

.fn00 li a:hover span{  transition:all .5s; opacity:.9;  background-color:#03478e; }

.fn00 li a.hover span{ background-color:#03478e; }

.fn00_t{  color:#002b58;}

.fn00_t_line{ border:2px solid #287cd2;}





.fn01 li p{ color:#03478e;}

.fn01 li a:hover span{  transition:all .5s; opacity:.9;  background-color:#03478e; }

.fn01 li a.hover span{ background-color:#03478e; }

.fn01_s span{ border-left:6px solid #02468d;}

.fn01_bg{ background:url(../images/icon14.jpg) repeat-y 0 0; }

.fn01_l li a:hover,.fn01_l li a.hover{ background-color:#02468d; color:#fff;}

.fn01_bc{ background-color:#03478e;}



.fn02 li p{ color:#fcb908;}

.fn02 li a:hover span{  transition:all .5s; opacity:.9;  background-color:#fcb908; }

.fn02 li a.hover span{ background-color:#fcb908; }

.fn02_s span{ border-left:6px solid #fcb908;}

.fn02_bg{ background:url(../images/icon14_2.jpg) repeat-y 0 0; }

.fn02_l li a:hover,.fn02_l li a.hover{ background-color:#fcb908; color:#fff;}

.fn02_bc{ background-color:#fcb908;}

.fn02_t{  color:#fcb908;}

.fn02_t_line{ border:2px solid #fcb908;}



.fn03 li p{ color:#2cbbb7;}

.fn03 li a:hover span{  transition:all .5s; opacity:.9;  background-color:#2cbbb7; }

.fn03 li a.hover span{ background-color:#2cbbb7; }

.fn03_s span{ border-left:6px solid #2cbbb7;}

.fn03_bg{ background:url(../images/icon14_3.jpg) repeat-y 0 0; }

.fn03_l li a:hover,.fn03_l li a.hover{ background-color:#2cbbb7; color:#fff;}

.fn03_bc{ background-color:#0b9892;}

.fn03_t{  color:#2cbbb7;}

.fn03_t_line{ border:2px solid #2cbbb7;}



.fn05 li p{ color:#287cd2;}

.fn05 li a:hover span{  transition:all .5s; opacity:.9;  background-color:#287cd2; }

.fn05 li a.hover span{ background-color:#287cd2; }

.fn05_s span{ border-left:6px solid #287cd2;}

.fn05_bg{ background:url(../images/icon14_3.jpg) repeat-y 0 0; }

.fn05_l li a:hover,.fn05_l li a.hover{ background-color:#287cd2; color:#fff;}

.fn05_bc{ background-color:#287cd2;}

.fn05_t{  color:#287cd2;}

.fn05_t_line{ border:2px solid #287cd2;}



.fn06 li p{ color:#ff6d00;}

.fn06 li a:hover span{  transition:all .5s; opacity:.9;  background-color:#ff6d00; }

.fn06 li a.hover span{ background-color:#ff6d00; }

.fn06_s span{ border-left:6px solid #ff6d00;}

.fn06_bg{ background:url(../images/icon14_6.jpg) repeat-y 0 0; }

.fn06_l li a:hover,.fn06_l li a.hover{ background-color:#ff6d00; color:#fff;}

.fn06_bc{ background-color:#ff6d00;}

.fn06_t{  color:#ff6d00;}

.fn06_t_line{ border:2px solid #ff6d00;}







.main_about{ float:left; width:970px; height:435px; margin-top:25px;}

.main_about_l{ float:left; width:415px; height:355px;}

.main_about_l span{ float:left;}

.main_about_l p{ float:left; width:415px; text-align:left; font-size:14px; color:#000; padding:20px 0 0; line-height:32px;}

.main_about_r{ float:right; height:355px; width:522px;}



.pro_listbox{ width:100%; height:285px; background:url(../images/icon6.jpg) repeat-x bottom;}



.pro_list{ width:970px; height:285px; margin:0 auto;}



.mr_frbox { height: 285px; width:970px; position:relative; text-align:left; }

.pro_list_tit{ position:absolute; left:0; width:130px; height:80px; top:-80px; padding-left:10px;}

.pro_list_tit span{ height:38px; line-height:38px; font-size:16px;}

.mr_frBtnL { position:absolute; left:-20px; top:150px; cursor: pointer; display: inline; }

.mr_frUl { float: left; height: 130px; width: 1050px; }

.mr_frBtnR { position:absolute; right:-20px; top:150px; cursor: pointer; display: inline; }

.mr_frUl ul li { display: inline; float: left; height: 285px; width: 309px; margin:0 7px; overflow: hidden;}

.mr_frUl ul li img { display: block; }

.mr_frUl ul li a{ display:block; color:#fff;}

.mr_frUl ul li span{ font-size:14px; padding:10px 0; display: block;}

.mr_frUl ul li p{ font-size:12px; letter-spacing:1px;}







.news_tit{ width:970px; float:left; margin:45px auto 30px;}

.news_list{ float:left; width:970px; height:285px;}

.news_list_img{ float:left; width:237px; height:285px;}

.news_list_box{ float:left; width:733px;}



.slideTxtBox{ width:733px; text-align:left; position:relative; height:285px;  }

.slideTxtBox .hd{position: absolute; width:88px; left:-44px; top:10px; z-index:999; }

.slideTxtBox .hd ul{ float:left; text-align:center;}

.slideTxtBox .hd ul li{ margin-top:10px; float:left; cursor:pointer; height:33px; width:88px; background-color:#31343b; font-size:14px; line-height:33px; color:#fff;}

.slideTxtBox .hd ul li.on{ height:33px;  background-color:#287cd2; color:#fff;  }

.slideTxtBox .bd ul{  zoom:1;  }



.news_list_li{ float:left; width:500px; height:285px; margin-left:85px;}

.news_list_li li{ width:500px; height:77px; float:left; border-bottom:1px dotted #c8c8c8;}

.news_list_li_t{ float:left; width:500px; height:32px; line-height:32px; margin-top:15px;}

.news_list_li_t span{ float:right; font-size:12px; color:#666;}

.news_list_li_p{ float:left; color:#939393; height:30px; line-height:30px; font-size:12px;}

.news_list_more{ float:right;}





.sub_main_read{ float:left; text-align:left; min-height:400px; width:970px;}



.sub_news_list{ float:left; width:970px; text-align:left;}

.sub_news_list li{ float: left; width:970px; height:166px; padding:10px 0; border-bottom:1px solid #ccc;}

.sub_news_list li .news_list_img{ float:left; width:200px; height:160px; padding:2px; border:1px solid #ccc;}

.sub_news_list li .news_list_t{ float: right; width:750px; height:166px;}

.sub_news_list li .news_list_t span{ display:block; padding:10px 0;}

.sub_news_list li .news_list_t p{ font-size:12px; color:#666;}





	

/* -- sub page -- */

.sub_main{ }



.sub_main_tit{ width:970px; height:25px; line-height:25px; background:url(../images/icon12.jpg) repeat-x center; float:left; margin:10px auto 25px;}

.sub_main_tit span{ float:left; background:#FFF; padding:0 10px; display:block; font-size:14px; color:#000;}

.sub_main_con{ float:left; width:970px; overflow:hidden; text-align:left; margin-bottom:10px;}

.sub_left{ float:left; width:205px; padding:15px 0;}

.sub_left li{ float:left; width:205px; height:36px; line-height:36px;}

.sub_left li a{ display:block; width:190px; height:36px; color:#022e5d; font-size:12px; padding-left:15px; position:relative; }

.sub_left li a:hover i,.sub_left li a.hover i{ position:absolute; right:0; bottom:-6px;  background:url(../images/icon13.png) no-repeat 0 0; width:6px; height:6px;}









.sub_right{ float:left; width:710px; padding:10px;}



.sub_main_other{ width:100%; float:left;  color:#fff; text-align:left; margin-bottom:40px;}

.sub_main_other_t{ float:left; width:94%; margin:0 3%; height:30px; line-height:30px; padding-top:15px; text-align:center; border-bottom:1px solid #fff;}

.sub_main_other_t span{  line-height:30px; font-size:16px; color:#fff;}

.sub_main_other_list{ float:left; width:100%; padding:15px 0; min-height:115px;}

.sub_main_other_list li{ float:left; width:100%; height:18px; line-height:18px; padding-left:3%; box-sizing:border-box;}

.sub_main_other_list li a{ padding-left:8px; color:#fff; height:18px; line-height:18px; font-size:12px; box-sizing:border-box; border-left:3px solid #fff;}





.sub_nav{ float:left; width:970px; height:34px; line-height:34px; margin-bottom:25px;}

.sub_nav li{ float:left; width:120px; height:34px; margin-right:20px;}

.sub_nav li a{ display:block; width:120px; height:34px; color:#0a468e;}

.sub_nav li a:hover,.sub_nav li a.hover{ background-color:#03478e; color:#fff;}





.about_tit{ float:left; width:970px; text-align:left; margin-bottom:40px;}

.about_fz{ float:left; width:970px; margin-bottom:40px;}

.about_fz li{ float:left; width:970px; min-height:30px; line-height:30px; margin-bottom:10px;}

.about_fz li span{ float:left; width:60px; height:30px; background-color:#03478e; color:#fff; text-align:center;}

.about_fz li p{ width:900px; padding-left:10px; float:left; text-align:left; font-size:12px;}

.about_cn{ float:left; text-align:left; margin-bottom:40px; width:970px;}

.about_cn p{ padding-bottom:10px;}





/* -- page footer -- */

.footer{ width:100%; height:70px; line-height:70px; background-color:#d2d2d2; text-align:left;}